<template>
  <div class="item">
    <embed class="pic" :src="svgImg" type="image/svg+xml"/>
<!--    <svg class="pic" :src="svgImg"></svg>-->
  </div>

</template>

<script>
import svg5 from "../../../public/svg/5.svg"
export default {
  data() {
    return {
      url:"http://218.93.116.192:8087/geoserver/xf/wms",
      layers:"xf:ppt_95X_5",
      svgImg:svg5,
      layersList:[
      ]
    };
  },
  created() {

  },
  mounted() {
    window.svgFunction5 = this.svgFunction5
  },
  beforeDestroy() {
  },
  methods: {
    svgFunction5(index) {
      console.log('被调用的方法----------数据：' + index)
      this.changeMapzdcy()
    },
    changeMapzdcy(){
      var url=this.url
      var layers=this.layers
      this.$store.state.mapChangeData={
        url:url,
        name:"产业名片",
        params:{
          LAYERS: layers
        },
        location:[119.90, 31.68],
        zoom:11.8
      }
    },
  },
};
</script>
<style lang='scss' scoped>
.item{
  width: 100%;
  height: 100%;
  //padding: 16px 16px 10px 16px;
  box-sizing: border-box;
  background-size: cover;
  background-position: center center;
  //background-image: url("../../assets/img/datav/95/5.png");
  .pic{
    width: 100%;
    height: 100%;
  }
}
</style>
